<!-- detailBody壳，子表表体壳，用于避免不同页面框架结构页面样式不同 -->
<!-- 如果detailBody子表不是detailTable，则使用 -->
<!-- 需要配合detail-children-container 使用，这是detail-children-container的子层页面结构 -->
<template>
  <div class="like-table-container">
    <!-- 类表头按钮操作区 -->
    <div v-if="$slots.btns" class="dc-button">
      <slot name="btns" />
    </div>
    <!-- 表体内容区 -->
    <!-- 该区需要测试 -->
    <div v-if="$slots.children" class="dc-table">
      <slot name="children" />
    </div>
  </div>
</template>

<style scoped>
.like-table-container{
  height: 558px;
  overflow: hidden auto
}
.dc-button{
  border-top: 1px solid #eeeeee;
  padding: 7px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc-table{
  padding: 8px 20px;
  min-height: 240px;
}
</style>
